<template>
  <left-toggle-layout title="监测站点" width="290px">
    <template #title>
      <span>监测站点</span>
    </template>
    <template #left>
      <left-site-list v-bind="$props" :on-click-row="handleClickRow"></left-site-list>
    </template>
    <query-data v-bind="$props" :current-row="currentRow" :point-code="currentRow.pointCode"></query-data>
  </left-toggle-layout>
</template>

<script>
import QueryData from './components/QueryData'
import LeftSiteList from '@/views/theApp/common/LeftSiteList'

export default {
  name: 'index',
  props: {
    // 站点编码
    monitorType: {
      type: String,
      default: 'airtype'
    }
  },
  components: {
    LeftSiteList,
    QueryData
  },
  data() {
    return {
      currentRow: {
        pointCode: '',
        pointName: ''
      }
    }
  },
  methods: {
    handleClickRow(row) {
      this.currentRow = row
    }
  }
}
</script>

<style lang="scss" scoped>
@import '~@/assets/pages/index.scss';
</style>
